import {lazy} from 'react'
import { createBrowserRouter } from 'react-router-dom'

const Home=lazy(()=>import('../Page/Home'))
const Detail=lazy(()=>import('../Page/Detail'))
const List=lazy(()=>import('../Page/List'))
const User=lazy(()=>import('../Page/User'))
const Login=lazy(()=>import('../Page/Login'))

export const routes=createBrowserRouter([
  {
    path:'/',
    element:<Home/>
  },
  {
    path:'/detail',
    element:<Detail/>
  },
  {
    path:'/list',
    element:<List/>
  },
  {
    path:'/user',
    element:<User/>
  },
  {
    path:'/login',
    element:<Login/>
  }
])